<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="css/main.css" type="text/css">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<script src="JavaScript/main.js"></script>
		<script src="JavaScript/jquery.min.js"></script>
	<!-- 腾讯地图API调用 -->
	<!-- 个人key -->
	<script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=QFHBZ-BXMWP-INUDR-LEECS-KH52Z-2KBLS"></script>
	<!-- 官方测试key -->
	<!-- <script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"></script> -->
	
	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
	<title>5G重点场景应急指挥疏散系统</title>
</head>
<body onload="start();">
	<div id="mian">
		<div id="headBar">
			<!--<div id="headBarMenuButton" class="headBarValue"></div>-->
			<div id="headBarTitle" class="headBarValue"> <font>华科应急指挥疏散系统（拟真模式）</font></div>
			<div id="headBarTime" class="headBarValue">时间</div>
			<div id="headBarAccount" class="headBarValue">
				<div id="headBarAccountLogin">
					<!-- <a>登录</a> -->
				</div>
				<div id="headBarAccountManage">
					<b>请登陆</b>
					<button class="btn" onclick="">登录</button>
				</div>
			</div>
		</div>
		<div id="mainArea">
			<div id="mainAreaMessageBar" class="mainAreaValue"><p>通知</p></div>
			<div id="mainAreaMapArea" class="mainAreaValue" >
				<div id="clickPosition">当前点击坐标为：<span id="showPosition"></span></div>
			</div>
			<div id="mainAreaStatusBar" class="mainAreaValue"><!-- 状态栏 --></div>
			<div id="mainAreaToolsBar" class="mainAreaValue"><!-- 工具栏 -->
				<div class="rule">
					<button class="btn_getuser" id="getuserPlace" onclick="getpostion('user')">查看人员位置</button><br>
					<button class="btn_getuser" id="stopuserPlace" onclick="stopFlush()" style="background-color: #000;" disabled="disabled" >停止自动刷新</button><br>
					<button class="btn_getuser" onclick="getpostion('out')">查看出口位置</button><br>
					<button class="btn_getuser" onclick="addnotice()">新增通知信息</button>
					<button class="btn_getuser" onclick="addEmergency()">手动添加警情</button><br>
					<button class="btn_getuser" onclick="sendMsg()">警情全局推送</button><br>
					<button class="btn_getuser" onclick="changeAreaState()">更改区域状态</button><br>
					<!-- <button class="btn_getuser" onclick="">更改系统设置</button><br> -->
				</div>
			</div>
			<div id="addAlertSelect" class="mainAreaValue">
				<!-- <div id="addAlertSelectValue">请在地图上点击警情坐标将坐标复制进下框中</div> -->
<!-- 				<div id="addAlertSelectPosition">
					<input type="text" id="addAlertSelectPositionValue">
				</div> -->
				<button id="addAlertSelectSubmit" onclick="addEmergencySubmit()">确认发布</button>
				<button id="addAlertSelectClose" onclick="addEmergencyCancle()">取消</button>
			</div>
			<div id="changeAreaStateSelect" class="mainAreaValue">
				<select id="changeAreaStateSelection">
					<option value="正常" selected="selected">正常</option>
					<option value="疏散中">疏散中</option>
					<option value="关闭">关闭</option>
					<option value="饱和">饱和</option>
					<option value="拥挤">拥挤</option>
					<option value="超载">超载</option>
				</select>
				<button id="changeAreaStateSubmit" onclick="changeAreaStateSubmit()">确认发布</button>
				<button id="changeAreaStateClose" onclick="changeAreaStateClose()">取消</button>
			</div>
		</div>
	</div>
	<!--调出子窗口按钮-->
		
	

		<!--子窗口登录窗口-->
		<div class="mask">
            <div class="login">
            	<div class="login_ico">
            		<img src="img/logon.png"/>
            	</div>
            	<div id="inputmain">
            		应急指挥疏散系统
	  	            		<form action="php/login.php" method="POST" id="loginForm">
		            			<div class="form-row ">
		                        <input class="inputsty" type="text" name="username" id="username" placeholder="用户名"/>
			            	  </div> 
			            	  <div class="form-row"> 
			            	  	<input class="inputsty" type="password" name="pwd"  id="pwd" placeholder="登录密码"/>
			            	  </div>
			            	  <div class="form-row">
			            	  	 <label><input id="remember" type="checkbox" onclick="rem()">记住密码</label>
			            	  </div>
			            	  <div class="form-row">
			            	  	<input type="button" id="btm-login" onclick="post_login()"  value="登录" />
			            	  	<input type="button" id="btm-exit" class="btm-exit" value="取消" />
			            	  </div>
		            		</form>
			            	  <div class="tips">
			            	  </div>
            	 </div>
            </div>
            
    	</div>
		<!--添加新通知遮罩层-->
			<div class="mask1">
			<div class="addnotice">
	            	<div class="addnotice_ico">
	            		<img src="img/notice.png"/>
	            	</div>
			            	<div id="input_notice">
			            		发布新通知
				  	            		<form action="php/AddNotice.php" method="POST" id="sendForm">
					            			<div class="form-row ">
					                        <input class="inputsty" type="text" name="classname" id="classname" placeholder="部门名称"/>
						            	  </div> 
						            	  <div class="form-row"> 
						            	  	<textarea class="inputsty"  name="value"  id="notice_value" placeholder="通知内容"style="width:220px;height:95px;"></textarea>
						            	  </div>
						            	  <div class="form-row">
						            	  	<input type="button" id="btm-send-notice" onclick="addnotices()"  value="发布" />
						            	  	<input type="button" id="btm-exit-notice" class="btm-exit" value="取消" />
						            	  </div>
					            		</form>
						            	  <div class="notice_tips">
						            	  	
						            	  </div>
			            	</div>
           </div>
		</div>
		
		<!--发送警情通知遮罩层-->
			<div class="fir">
			<div class="Firnotice">
		        	<div class="Firnotice_ico">
		        		<img src="img/fir.svg"/>
		        	</div>
			            	<div id="input_firnotice">
			            		小程序全局推送警情通知
									<div id="send_fir" class="form-row ">
										<form action="php/sendmesg.php" method="POST" id="sendfirForm">
											<div class="form-row ">
										    <input class="inputsty" type="text" name="fir_title" id="fir_title" placeholder="事故情况(20字符)" maxlength="20"/>
										  </div> 
										  <div class="form-row"> 
										  	<input class="inputsty" name="fir_time" type="datetime-local" id="fir_time"  value="发生时间" />
										  </div>
										  <div class="form-row ">
										    <input class="inputsty" type="text" name="fir_place" id="fir_place" placeholder="发生地点(20字符)" maxlength="20"/>
										  </div> 
										  <div class="form-row ">
										    <input class="inputsty" type="text" name="fir_tips" id="fir_tips" placeholder="备注(20字符)" maxlength="20"/>
										  </div> 
										  <div class="form-row">
										  	 <label><input id="template_id" type="radio" name="radioLove" onclick="rem()" checked="true" value="-tVTci9trWVp8EL9kTOjCuBoFaY_VKuZYDJ4sFGF3j0">模板一</label>
											 <label><input id="template_id" type="radio" name="radioLove" onclick="rem()" value="-tVTci9trWVp8EL9kTOjCiUKODro5SGlN2cj8erk58s">模板二</label>
											 <label><input id="template_id" type="radio" name="radioLove" onclick="rem()" value="-tVTci9trWVp8EL9kTOjCsW-Eqz6HJAzJxr33fIdzyg">模板三</label>
										  </div>
										  <div class="form-row">
										  	<input type="button" id="btm-send-firnotice" onclick="addfirnotices()"  value="发布" />
										  	<input type="button" id="btm-exit-firnotice" class="btm-firexit" value="取消" />
											</div>
											<div class="form-row">
											<input type="button" id="btm-exit-fircheck" class="btm-fircheck"  value="查看发送结果" />
											
											</div>

											
										</form>
										<div class="tips">
											<span id="success_send">
												发送状态
											</span>
											<span >
												<ss id="true_num">成功[0]</ss>
											</span>
											<span >
												<ss id="false_num">失败[0]</ss>
											</span>
											<span>
												<ss  id="all_num">总计[0]</ss>
											</span>
										</div>
									</div>
									<div id="check_fir" class="form-row " style="display: none;">
										<div class="form-rows " style="overflow:scroll; height:320px; width:540px; border: solid 1px #aaa; ">
												<table class="log" border="" cellspacing="" cellpadding="" style="text-align: center;">
													
													<tr><th>唯一ID</th><th>发送时间</th><th>返回</th><th>状态</th><th>已阅</th></tr>
													
												</table>
										    </div>
											<div class="form-row">
												<ss class="form_num">查询数量:</ss>
												<input type="text" name="number" id="numbers"  width="20px" value="5" />
												<input type="button" class="btm-exit-check"  onclick="getlog()" value="查询" />
												<input type="button" class="btm-exit-check"  onclick="remove()" value="清空" />
												<input type="button" id="btm-exit-firturn" class="btm-firreturn" onclick="remove()" value="返回" />
											</div>
									</div>
						            	  <div class="notice_tips">
						            	  	
						            	  </div>
			            	</div>
		   </div>
		</div>
		

</body>
</html>